<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        td {
            text-align: center;
        }
        table {
            width: 300px;
            height: 200px;
            background-image: url(./背景.jpg);
            background-repeat: no-repeat;
            background-position: 0 0;
            border-radius: 10px;
        }
        div {
            height: 80px;
        }
        .special tr>td:first-child {
            font-weight: bold;
        }
    </style>
</head>
<body>
    <table border="1" cellspacing="0">
        <caption>成绩表</caption>
        <thead>
            <tr>
                <th>姓名</th>
                <th>语文</th>
                <th>数学</th>
                <th>总分</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>李小路</td>
                <td>60</td>
                <td>58</td>
                <td>118</td>
            </tr>
            <tr>
                <td>安可可</td>
                <td>80</td>
                <td>20</td>
                <td>100</td>
            </tr>
        </tbody>
    </table>
    <div></div>
    <table border="1" width="250" height="200" cellspacing="0">
        <tbody>
            <tr>
                <td rowspan="2" >1</td>
                <td colspan="2">2占两列</td>
                <td colspan="2" rowspan="2">4占两行两列</td>
            </tr>
            <tr>
                <td>2</td>
                <td>3</td>
            </tr>
            <tr>
                <td rowspan="2">1占两行</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
                <td>5</td>
            </tr>
            <tr>
                <td>2</td>
                <td>3</td>
                <td width="50">4</td>
                <td width="50">5</td>
                
            </tr>
            <tr>
                <td width="70">1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
                <td>5</td>
            </tr>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
                <td>5</td>
            </tr>
            <tr>
                <td colspan="3">1占三列</td>
                <td>4</td>
                <td>5</td>
            </tr>
            <tr>
                <td colspan="5">1</td>
            </tr>
        </tbody>
    </table>
    <div></div>
    <table class="special" border="1" cellspacing="0">
        <caption>复杂完整的成绩表</caption>
        <thead>
            <tr>
                <th rowspan="2">姓名</th>
                <th colspan="2">通识课</th>
                <th colspan="3">专业课</th>
                <th rowspan="2">总分</th>
            </tr>
            <tr>
                <th>英语</th>
                <th>高数</th>
                <th>UI设计</th>
                <th>网页设计</th>
                <th>程序设计</th>
            </tr>
            <tbody>
                <tr>
                    <td>张三</td>
                    <td>60</td>
                    <td>70</td>
                    <td>80</td>
                    <td>90</td>
                    <td>80</td>
                    <td>380</td>
                </tr>
                <tr>
                    <td>张三</td>
                    <td>60</td>
                    <td>70</td>
                    <td>80</td>
                    <td>90</td>
                    <td>80</td>
                    <td>380</td>
                </tr>
                <tr>
                    <td>张三</td>
                    <td>60</td>
                    <td>70</td>
                    <td>80</td>
                    <td>90</td>
                    <td>80</td>
                    <td>380</td>
                </tr>
                <tr>
                    <td>张三</td>
                    <td>60</td>
                    <td>70</td>
                    <td>80</td>
                    <td>90</td>
                    <td>80</td>
                    <td>380</td>
                </tr>
                <tr>
                    <td>平均</td>
                    <td>70</td>
                    <td>80</td>
                    <td>90</td>
                    <td>90</td>
                    <td>80</td>
                    <td>380</td>
                </tr>
            </tbody>
        </thead>
    </table>
</body>
</html>